import { HashRouter, Route, Routes } from 'react-router-dom';
import IndexPage from '../pages/IndexPage';
import TopNavigationPage from '../pages/TopNavigationPage';
import AdvancedSearchPage from '../pages/AdvancedSearchPage/exmaple';
import HeaderGridDemo from '../pages/HeaderGrid/HeaderGridDemo';
import TableDemoPage from '../pages/TableDemoPage';
import ModalDemoPage from '../pages/ModalDemoPage/exmaple';

const Router: React.FC = () => {
  return (
    <HashRouter>
      <Routes>
        <Route
          // exact
          path="/"
          element={<IndexPage />}
        />
        <Route
          path="/top-navigation"
          element={<TopNavigationPage />}
        />
        <Route
          path="/header-grid"
          element={<HeaderGridDemo />}
        />
        <Route
          path="/advanced-search"
          element={<AdvancedSearchPage />}
        />
        <Route
          path="/table-demo"
          element={<TableDemoPage/>}
        />
        <Route
          path="/modal-demo"
          element={<ModalDemoPage/>}
        />
      </Routes>
    </HashRouter>
  );
}

export default Router;